/*
利用陀螺仪实现首屏人物微动画
*/
new Swiper('.swiper-container',{
	direction:'vertical',
	loop:true,
	height:window.innerHeight,
	on:{
		init:function(){
			swiperAnimateCache(this);
			swiperAnimate(this);
		},
		slideChangeTransitionEnd:function(){
			swiperAnimate(this);
		}
		
	}
})
var human=document.querySelector('.human');
var page=document.querySelector('.swiper-slide');
var n=0.2;
window.addEventListener("deviceorientation", function(event) {
	console.log(event)
// alpha: 围绕垂直手机屏幕的轴转动的旋转角度
var a = event.alpha;
// beta: 围绕平行音量键的轴转动的旋转角度
var b = event.beta;
page.style.left=a*0.2 +'px';
page.style.top=(b-90)*0.2 +'px';
human.style.left=(a-50) + 'px';
human.style.bottom=(b-40) + 'px';
})

 